{include file="admin/public/head"}
<table class="layui-hide" id="test" lay-filter="test"></table>

<script type="text/html" id="thumb">
  <img src='{{d.icon}}' height="20" />
</script>
<script type="text/html" id="status">
  <i class="layui-icon {{#  if(d.status == 1){ }}layui-icon-ok{{#  } else { }}layui-icon-close{{#  } }}"></i>
</script>
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="add">添加导航</button>
  </div>
</script>
<script type="text/html" id="barDemo">
  <a class="layui-icon layui-icon-edit" lay-event="edit" href="javascript:;"></a>
  <a class="layui-icon layui-icon-delete" lay-event="del" href="javascript:;"></a>
</script>

{include file="admin/public/foot"}

<script>
layui.config({
    base: '/static/admin_static/module/'
}).use(['table','vae','form'], function(){
  var table = layui.table
  ,vae = layui.vae
  ,$ = layui.$
  ,form = layui.form;

  var tableIns = table.render({
    elem: '#test'
    ,toolbar: '#toolbarDemo'
    ,url: "{:url('admin/nav/navindex',['nav_group_id'=>$nav_group_id])}" //数据接口
    ,cols: [[ //表头
      {field: 'id', title: 'ID', align:'center'}
      ,{field: 'sort', title: '排序', align:'center'}
      ,{field: 'title', title: '名称', align:'center'}
      ,{field: 'icon', title: '图标', align:'center', toolbar: '#thumb'}
      ,{field: 'src', title: '跳转', align:'center'}
      ,{field: 'status', title:'状态', align:'center', toolbar: '#status'}
      ,{field: 'right', toolbar: '#barDemo', width:150, align:'center'}
    ]]
    ,size: "sm"
  });

  //监听事件
  table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
      case 'add':
        vae.open({
          href:"{:url('admin/nav/addnav',['nav_group_id'=>$nav_group_id])}",
          title:"添加导航",
          end:function(){
            tableIns.reload();
          }
        })
      break;
    };
  });

  //监听行工具事件
  table.on('tool(test)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
      vae.confirm('真的删除么', function(index){
        $.ajax({
          url:"{:url('/admin/nav/deletenav')}",
          data:{id:data.id},
          success:function(res){
            layer.msg(res.msg);
            if(res.code==0){
              obj.del();
            }
          }
        })
        layer.close(index);
      });
    }else if(obj.event === 'edit'){
      vae.open({
        href:"{:url('admin/nav/editnav',['nav_group_id'=>$nav_group_id])}&id="+data.id,
        title:'修改导航-'+data.title,
        end:function(){
          tableIns.reload();
        }
      })
    }
  });

  //监听搜索提交
  form.on('submit(vaeform)', function(data){
      tableIns.reload({where:{nav_group_id:data.field.nav_group_id,page:1}});
      return false;
  });
});
</script>

</body>
</html>
